<template>
  <div class="app-container">
    <el-tabs v-model="currentTabName" @tab-click="handleClick">
      <el-tab-pane label="跨服分组" name="CrossServerGroup">
        <CrossServerGroup v-if="currentTabName === 'CrossServerGroup'" />
      </el-tab-pane>
      <el-tab-pane label="历史分组" name="HistoryCrossServer">
        <HistoryCrossServer v-if="currentTabName === 'HistoryCrossServer'" />
      </el-tab-pane>
      <el-tab-pane label="跨服配置" name="CrossServerConfig">
        <CrossServerConfig v-if="currentTabName === 'CrossServerConfig'" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import CrossServerGroup from './components/CrossServerGroup'
import HistoryCrossServer from './components/HistoryCrossServer'
import CrossServerConfig from './components/CrossServerConfig'

export default {
  name: 'CrossServer',
  components: { CrossServerGroup, HistoryCrossServer, CrossServerConfig },
  data() {
    return {
      currentTabName: 'CrossServerGroup'
    }
  },
  methods: {
    handleClick() {
    }
  }
}
</script>
